<template>
  <div>
    <div>
        <div class="box-flex">
          <div class="child label">
              课程名称:
          </div>
          <div class="child">
            <el-input
              placeholder="请输入内容"
              prefix-icon="el-icon-search"
              v-model="name">
            </el-input>
          </div>
        </div>
        <div class="box-flex">
          <div class="child label">
              随便写点: 
          </div>
          <div class="child">
            <el-input
              placeholder="请输入内容"
              prefix-icon="el-icon-search"
              v-model="content">
            </el-input>
          </div>
        </div>
        <div class="box-flex">
          <div class="child label">
               
          </div>
          <div class="child">
            <el-button type="primary" @click="onCliickHandle()">确认提交</el-button>
          </div>
        </div>
      
      </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      content:'',
      name:''
    }
  },
  props:{
    isActive:{
      type:Number,
      default:1
    }
  },
  methods:{
    onCliickHandle(){
      if(this.name===''||this.content===''){
        alert('请输入内容')
      }else{
        this.$router.push(    
          {
            path: '/class/danyuan_class',
          }
        )
        
      }
    }
  }
}
</script>
<style scoped>
  .box-flex{display: flex;align-items: center;margin-bottom:20px;}
  .label{margin-right:10px;min-width:80px;}
</style>